import typographyPlugin from '@tailwindcss/typography';

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        kq: {
          50: '#f6f4fe',
          100: '#edeafd',
          200: '#ddd9fb',
          300: '#c4baf8',
          400: '#a792f3',
          500: '#9677ee',
          600: '#7846e1',
          700: '#6934cd',
          800: '#572bac',
          900: '#49258d',
          950: '#2d165f',
        },
      },
    },
  },
  plugins: [typographyPlugin],
};
